/* 暗黑主题变量 */
:root[data-theme='dark'] {
  --color-primary: #3b82f6;
  --color-secondary: #34d399;
  --color-danger: #f87171;
  --color-warning: #fbbf24;
  --color-dark: #0f172a;
  --color-light: #f8fafc;
  --color-primary-light: #1e40af;
  --color-gray-light: #334155;

  /* 项目标题颜色 */
  --project-title-color: #ffffff;
  /* 项目背景颜色 */
  --project-bj-color: #1a1a21;

  /* 项目文本颜色 */
  --project-text-color: #ffffff;
  /* 项目hover颜色 */
  --project-hover-color: #27272e;

  /* 边框颜色 */
  --border-color: rgba(250, 250, 250, 0.1);
  /* 侧边栏背景颜色 */
  --sidebar-bj-color: #1a1a21;
  /* 侧边栏文本颜色 */
  --sidebar-text-color: #a3a3a6;
  /* 侧边栏hover颜色 */
  --sidebar-hover-color: #27272e;
  /* 侧边栏active颜色 */
  --sidebar-active-text-color: #fff;
  /* 侧边栏active背景颜色 */
  --sidebar-active-bj-color: linear-gradient(#fd3c5b, #fc3d49);

  /* 内容区背景颜色 */
  --content-bj-color: #13131a;
  /* 内容区hover背景颜色 */
  --content-hover-bj-color: rgba(250, 250, 250, 0.1);
  /* 内容区按钮hover颜色 */
  --content-btn-hover-color: #fff;
  /* 内容区按钮默认颜色 */
  --content-btn-default-color: #928e8e;
  /* 内容区文字默认颜色 */
  --content-text-color: #fff;
  /* 内容区文字副标题颜色 */
  --content-text-sub-color: #a3a3a6;

  /* 页脚背景颜色 */
  --footer-bj-color: #2c2c37;
  /* 页脚文本颜色 */
  --footer-text-color: #a3a3a6;
  /* 页脚hover颜色 */
  --footer-hover-color: #27272e;
  /* 页脚active颜色 */
  --footer-active-color: #fff;

  /* 占位符颜色 */
  --placeholder-color: rgba(250, 250, 250, 1);

  --darkText: rgb(150, 150, 150);
  --text: rgb(210, 210, 210);
  --moreDark: rgba(150, 150, 150, 0.6);
}

/* 暗黑主题样式 */
[data-theme='dark'] body {
  color: #f8fafc;
  background-color: #13131a;
  background-image: url('./wavy-lines.svg');
  background-size: cover;
}
